<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    /* .div1 {
        height: 500px;
        width: 500px;
        background: red;
    }

    .div2 {
        height: 300px;
        width: 300px;
        background: yellow;
    }

    .div3 {
        height: 150px;
        width: 150px;
        background: green;
    } */
</style>

<body>
    <!-- <div class="div1">
        <div class="div2">
            <div class="div3"></div>
        </div>
    </div> -->

    <!-- <a href="http://172.16.10.119:8080/bwie/mhIndex.do?m=index">点我到八维</a> -->

    <button>点我</button>


    <script>

        // var a = document.getElementsByTagName("a")[0]


        // a.onclick = function (e) {
        //     e = e || window.event
        //     // 阻止非IE默认事件
        //     // e.preventDefault()

        //     console.log(e)
        //     // IE阻止默认事件
        //     e.returnValue = false
        // }
        // var div1 = document.getElementsByTagName("div")[0],

        //     div2 = div1.getElementsByTagName("div")[0],
        //     div3 = div2.getElementsByTagName("div")[0];

        // div1.onclick = function () {

        //     alert("我是大盒子")
        // }
        // div2.onclick = function () {
        //     alert("我是中盒子")
        // }
        // div3.onclick = function (e) {
        //     // 事件对象兼容 
        //     e = e || window.event
        //     // console.log(e)
        //     alert("我是小盒子")
        //     // console.log(e)
        //     // 阻止冒泡 非IE
        //     // e.stopPropagation()
        //     // IE 678 阻止冒泡
        //     // e.cancelBubble = true
        // }

        // var btn = document.querySelector("button")

        // btn.onclick = function () {
        //     alert("我被点击啦！！！")

        //     btn.onclick = null
        // }


        // btn.addEventListener("click", fn)

        // btn.removeEventListener("click", fn)

        // function fn() {
        //     alert("123")

        // }
    </script>
</body>

</html>